<template>
 
		<!-- 二手房属性显示 -->
		<view class="show_head">
			<view class="show_head__title">
				<view class="text">
			 <up-text lines="2" 
			 :bold="true" size="22" 
			 :text="house.title"
			  :block="true"></up-text>
				 
				</view>
				<!-- 收藏房源 -->
				<kb-favorite 
				@tap="onFavorite" 
				:checked="favorite_is_checked"></kb-favorite>
			</view>
			
			<view class="show_head__tag u-flex u-flex-wrap">
			 <view v-for="(item,index) in house.tags_all" :key="index" class="tag">
				 <text class="tag__text">{{item}}</text>
			 </view>
			</view>
			
		</view>
		<view class="show_price u-flex u-flex-between">
			<view class="col">
				<view class="price"><text>{{house.loyer}}{{house.prix_unitaire}}</text></view>
				<view class="name" ><text>{{house.price_label}}</text></view>
			</view>
			<view class="col">
				<view class="price"><text> {{house.infotype}} </text></view>
				<view class="name" ><text>业态</text></view>
			</view>
			<view class="col">
				<view class="price"><text>{{house.superficie}}㎡</text></view>
				<view class="name" ><text>面积</text></view>
			</view>
		</view>
		
		<view class="show_items">
			<view class="hline">
				<view class="u-col-12">
					<view class="label"><text>行业:</text></view>
					<view class="field"><text>{{house.prule ? house.prule:'-'}} </text></view>
				</view>				 
			</view>
			
			<view class="hline">
				<view class="u-col-6">
					<text class="label">类型:</text>
					<text class="field">{{house.house_type}} </text>
				</view>
				<view class="u-col-6 u-flex">
					<text class="label">单价:</text>
					<text class="field">{{house.perprice?house.perprice:'-'}} {{house.perprice_unit}}  </text>
				</view>
			</view>
			 
			<view class="hline">
				<view class="u-col-6">
					<text class="label">楼层:</text>
					<text class="field">{{house.storey}} 共{{house.total_storey}}层</text>
				</view>
				<view class="u-col-6 u-flex" @tap="openTallk">
					<u-text color="#007AFF" text="咨询商铺使用" lines="1" 
					 size="16"></u-text>
					<up-icon name="arrow-right" size="16"></up-icon>
				</view>
			</view>
			<view class="hline">
				<view class="u-col-6">
					<text class="label">费用:</text>					 
					<text class="field">{{house.item_per}} </text>
				</view>
				<view class="u-col-6 u-flex" @tap="openTallk">
					<u-text color="#007AFF" text="咨询中介服务费用"
					 lines="1"  size="16"></u-text>
					<up-icon name="arrow-right" size="16"></up-icon>
				</view>
			</view>
			
			 
			
			<view class="hline">
				<view class="u-col-12">
					<view class="label"><text>编号:</text></view>
					<view class="field"><text>{{house.house_sno ? house.house_sno:'-'}}</text></view>
				</view>				 
			</view>
			
			
			<view class="hline">					 
				<view class="u-col-12 u-flex" @click="openTallk" data-url="/pages/show/village">
					<view class="label"><text>地段位置:</text></view>
					<view class="field">
						<u-text color="#007AFF" :text="house.village_name" lines="1" 
					 size="16"></u-text>
					<up-icon name="arrow-right" size="16"></up-icon>
					</view>
				</view>
			</view>
		  
			<!-- 房源自定义参数 -->
			 <view class="hline" 
			 v-for="(pm ,index ) in house.params"  :key="index">
				<view class="u-col-12  u-flex">
					<view class="label"><text>{{pm.title}}:</text></view>
					
					<view class="field u-line-1">
						<text>{{pm.value}}</text>
					 </view>
				</view>		       
			</view>
		
		<!-- 标签 -->
		 
		<view class="hline">
			<view class="u-col-12 u-flex" @click="openTallk"
			 data-url="/pages/tools/tools">
				<view class="label"><text>商铺特色:</text></view>
				<view class="field">					 
				 <text>{{house.disposition}}</text>
				</view>
			</view>
		</view>
		
		 
		 
		</view>
		<!-- 二手房属性显示 -->
 
</template>

<script>
	import mixin from "./mixin.js";
	export default{
		name:"SpItem",
		mixins:[mixin],	  
	}
</script>

<style lang="scss">

@import  "item.scss";
 
</style>